<template>
    <div>
        <h1>基础语法----响应式数据</h1>
        <p>响应式数据，数据变了，视图自动更新</p>
        <p>怎样让数据显示在页面中用的html末班语法---{{}}差值语法+指令</p>
        <p>{{num}}</p>
        <input type="button" value="num变化" v-on:click="changeNum"> </input>
    </div>
</template>

<script setup lang="ts">
import{ref}from 'vue'
//数据

    let num =ref(100);
    //函数
    const changeNum =()=>{
        num.value++;
        console.log(num);

    }
</script>

<style scoped>

</style>